<template>
    <div class="body-box">
        <!-- 轮播图组件 -->
        <Swiper></Swiper>

        <!-- content -->
        <div class="box">
            <div class="introduce-box"></div>
            <Title></Title>
            <Product></Product>
            <Dbanner></Dbanner>
        </div>


    </div>



</template>
<script>
    // 引入轮播图
    import Swiper from '@/components/Swiper/Swiper'
    // 引入格子List
    import Product from '@/components/Product/Product'
    // 标题组件引入
    import Title from '@/components/Title/Title'
    // 引入Dbanner组件
    import Dbanner from '@/components/Dbanner/Dbanner'


    export default {
        name: 'HomePage',
        components: {
            Swiper,
            Product,
            Title,
            Dbanner

        },
    }
</script>
<style scoped>
    .body-box {
        display: block;
        max-width: 1192px;
        background: #fff;
        /* border: 1px solid red; */
    }

    .body-box .box {
        margin-top: 10px;
        width: 100%;
        /* border: 1px solid red; */
        background: #fff;
    }

    .body-box .box .introduce-box {
        width: 100%;
        height: 438px;
        background: #ccc;
    }
</style>